body{
	background: #000;
	color: #fff;
}

h2{
	color: #eee;
}

/* 可视窗口宽与高的比例 */
/* @media(aspect-ratio:3/2) {
	body{
		background: #0381bb;
	}
} */
/* 设备屏幕宽与高的比例 */
@media(device-aspect-ratio: 2/3){
	body{
		background: #0381bb;
	}
}
/* 设备使用方向  水平*/
@media (orientation:landscape) {
	body{
		background: #27ae60;
	}
}
/* 设备使用方向 垂直 */
@media (orientation:portrait) {
	body{
		background: #f2cb2b;
	}
}

@media(max-height:480px){
	body{
		background: #f25854;
	}
}

/* 设备最大高度  媒体特性*/
@media(max-device-height:480px){
	body{
		background: #f25854;
	}
}

/*@media (max-width:767px) {
	body{
		background: #c36cea;
	}
}*/

@media (max-device-width:767px) {
	body{
		background: #c36cea;
	}
}

/* resolution 像素密度 */

/* @media screen and (max-resolution:150dpi) {
	body{
		background: #c0392b;
	}
} */

@media screen and (resolution:1dppx),screen and (-webkit-device-pixel-ratio:1)) {
	body{
		background: #c0392b;
	}
}